// @flow
import React, { Component } from 'react'
import AgGrid from 'components/AgGrid'
import moment from 'moment'
type Props = {
  data: Array<Object>
}

type States = {
  columnDefs: Array<Object>
}
class DeviceList extends Component {
  props: Props
  state: States
  constructor (props: Props) {
    super(props)
    this.state = {
      columnDefs: [
        {
          headerName: '序号',
          width: 60,
          minWidth: 60,
          cellRenderer: (params) => {
            return parseInt(params.rowIndex) + 1
          },
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备编号',
          field: 'deviceNo',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备名称',
          field: 'name',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备型号',
          field: 'spec',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备类型',
          field: 'type',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备状态',
          field: 'status',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '负责人',
          field: 'owner',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '投运日期',
          field: 'operationDate',
          cellStyle: {
            padding: '8px'
          }
          // cellRenderer: (params) => {
          //   return moment(params.data.operationDate).format('YYYY-MM-DD')
          // }
        },
        {
          headerName: '生产日期',
          field: 'produceDate',
          cellStyle: {
            padding: '8px'
          }
          // cellRenderer: (params) => {
          //   return moment(params.data.produceDate).format('YYYY-MM-DD')
          // }
        },
        {
          headerName: '最近维修时间',
          field: 'latestRepairDate',
          cellStyle: {
            padding: '8px'
          }
          // cellRenderer: (params) => {
          //   return moment(params.data.latestRepairDate).format('YYYY-MM-DD HH:mm:ss')
          // }
        }
      ]
    }
  }
  render () {
    const { columnDefs } = this.state
    const { data } = this.props
    return <AgGrid {...{
      columnDefs,
      rowData: data
    }} />
  }
}

export default DeviceList
